<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>
		<div>
			<div class="A">
			<img src="a.jpg" class="img" />
			<div class="yi">
				<div class="a">
				<div class="z1"><h2>GUARDIAN</h2></div>
				</div>
				<div class="b">
					<h3 class="q1">Home</h3><h3 class="q2">projects</h3><h3 class="q3">Services</h3><h3 class="q4">Aboot</h3><h3 class="q5">Bing</h3><h3 class="q6">Centacs</h3>
				</div>
				<div class="c">
					<div class="w1"><h1><font color="#FFFFFF">GUARDIAN FREE HTML5 TEMPLATE</font></h1></div>
					<div class="w2"><p><span style="color:#FFFFFF;">Lovely Crafted by Freehtml5</span></p></div>
					<div class="w3"><button class="a1">GET STARTED</button></div>
				</div>
			</div>
			</div>
			<div class="er">
				<div class="d">
					<div class="w4"><h2>SELECTD WORK</h2></div>
					<div class="w5"><p>Lorem ipsum dolor amet,consectetur adipisicing elit.Velit est facitis maiores,perspicitals</p></div>
					<div class="w6"><p>accusamus asperiores sint consequuntur debitis.</p></div>
					<div class="w7"></div>
					</div>
				<div class="e">
					<div class="tu2"><img src="b.jpg" class="img2"/></div>
					<div class="tu3"><img src="c.jpg" class="img3"/></div>
					<div class="tu4"><img src="d.jpg" class="img3"/></div>
					<div class="tu5"><img src="e.jpg" class="img2"/></div>
				</div>
			</div>
			<div class="san">
				<div class="f">
										<div class="w4"><h2>WHAT WE DO</h2></div>
					<div class="w5"><p>Lorem ipsum dolor amet,consectetur adipisicing elit.Velit est facitis maiores,perspicitals</p></div>
					<div class="w6"><p>accusamus asperiores sint consequuntur debitis.</p></div>
					<div class="w7"></div>
				</div>
				<div class="g">
					<div class="k1">
						<div class="tb1"><img src="f.jpg"/></div>
						<div class="x1"><h3>Web Deveiopment</h3></div>
						<div class="x2"><p>Far far away,behind the word mountains,far</p></div>
						<div class="x3"><p>from the countries Vokalia and Consonantia,</p></div>
						<div class="x4"><p>there live the blind texts.</p></div>
					</div>
					<div class="k2">
						<div class="tb1"><img src="f.jpg"/></div>
						<div class="x1"><h3>Mobile Apps</h3></div>
						<div class="x2"><p>Far far away,behind the word mountains,far</p></div>
						<div class="x3"><p>from the countries Vokalia and Consonantia,</p></div>
						<div class="x4"><p>there live the blind texts.</p></div>
					</div>
					<div class="k3">
						<div class="tb1"><img src="f.jpg"/></div>
						<div class="x1"><h3>UX Design</h3></div>
						<div class="x2"><p>Far far away,behind the word mountains,far</p></div>
						<div class="x3"><p>from the countries Vokalia and Consonantia,</p></div>
						<div class="x4"><p>there live the blind texts.</p></div>
					</div>
					<div class="k4">
						<div class="tb1"><img src="f.jpg"/></div>
						<div class="x1"><h3>Video Editing</h3></div>
						<div class="x2"><p>Far far away,behind the word mountains,far</p></div>
						<div class="x3"><p>from the countries Vokalia and Consonantia,</p></div>
						<div class="x4"><p>there live the blind texts.</p></div>
					</div>
					<div class="k5">
						<div class="tb1"><img src="f.jpg"/></div>
						<div class="x1"><h3>SEO Ranking</h3></div>
						<div class="x2"><p>Far far away,behind the word mountains,far</p></div>
						<div class="x3"><p>from the countries Vokalia and Consonantia,</p></div>
						<div class="x4"><p>there live the blind texts.</p></div>
					</div>
					<div class="k6">
						<div class="tb1"><img src="f.jpg"/></div>
						<div class="x1"><h3>Could Based Apps</h3></div>
						<div class="x2"><p>Far far away,behind the word mountains,far</p></div>
						<div class="x3"><p>from the countries Vokalia and Consonantia,</p></div>
						<div class="x4"><p>there live the blind texts.</p></div>
					</div>
					
				
				</div>
			</div>
			<div class="si">
				<div class="h">
					<div class="w4"><h2>WHAT OTHERS SAY</h2></div>
					<div class="w5"><p>Lorem ipsum dolor amet,consectetur adipisicing elit.Velit est facitis maiores,perspicitals</p></div>
					<div class="w6"><p>accusamus asperiores sint consequuntur debitis.</p></div>
					<div class="w7"></div>
				</div>
				<div class="i">
					<div class="kuang">
						<div class="l"><img src="k.jpg" class="abc"/></div>
					</div>
					<div class="boxshadow-multi">
						<div class="v1"><i class="n"><font size="3">creativity is just connecting things. when you ask creative people how they did</font></i></div>
						<div class="v2"><i class="n1"><font size="3">something, they fell a little guilty because they didn't really do it, they just saw</font></i></div>
						<div class="v3"><i class="n2"><font size="3">something. it seemed obvious to them after a while.</font></i><br/><br/></div>
						<div class="v4"><i class="n3">steve jobs apple inc</i></div>
					</div>


					</div>
				
				</div>
			</div>
			<div class="wu">
				<div class="j">
					<div class="w4"><h2>RECENT FROM BLOG</h2></div>
					<div class="w5"><p>Lorem ipsum dolor amet,consectetur adipisicing elit.Velit est facitis maiores,perspicitals</p></div>
					<div class="w6"><p>accusamus asperiores sint consequuntur debitis.</p></div>
					<div class="w7"></div>
				
				</div>
				<div class="k">
					<div class="r1">
						<div class="tu7"><img src="1.jpg" class="img7"/></div>
						<div class="i1"><h3>45 Minimal Worksspace Rooms for Web Savvys</h3></div>
						<div class="i2"><p>Posted by:Admin</p></div>
						<div class="i3">Far far away,behind the word mountains,far</div>
						<div class="i4">from the countries Vokalia and Consonantia,</div>
						<div class="i5">there live the blind texts.</div>
						<div class="i6"><button class="a2">READ MORE</button></div>
					</div>
						<div class="r2">
						<div class="tu7"><img src="2.jpg" class="img7"/></div>
						<div class="i1"><h3>45 Minimal Worksspace Rooms for Web Savvys</h3></div>
						<div class="i2"><p>Posted by:Admin</p></div>
						<div class="i3">Far far away,behind the word mountains,far</div>
						<div class="i4">from the countries Vokalia and Consonantia,</div>
						<div class="i5">there live the blind texts.</div>
						<div class="i6"><button class="a2">READ MORE</button></div>
					</div>
						<div class="r3">
						<div class="tu7"><img src="3.jpg" class="img7"/></div>
						<div class="i1"><h3>45 Minimal Worksspace Rooms for Web Savvys</h3></div>
						<div class="i2"><p>Posted by:Admin</p></div>
						<div class="i3">Far far away,behind the word mountains,far</div>
						<div class="i4">from the countries Vokalia and Consonantia,</div>
						<div class="i5">there live the blind texts.</div>
						<div class="i6"><button class="a2">READ MORE</button></div>
					</div>
				</div>
			</div>
 

		</div>
	</body>

</html>